/*
 * 可复用的公有布局
 */
 /* 封装的弹框样式 */
.bg{
  width:100%;
  height:100%;
  background:#453d3db0;
  position:fixed;
  left:0px;
  top:0px;
}
.toast{
  width:60%;
  height:180px;
  background:#fff;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:20px;
  padding:20px;
  text-align:center;
  overflow:hidden;
}
.toast i{
  font-size:50px;
}
.toast i.success{
  color:green;
}
.toast i.error{
  color:red;
}
.toast .msg{
  letter-spacing: 3px;
}


/* 底部导航样式 */
footer{
  width:100%;
  height:77px;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(16, 16, 16, 1);
  font-size: 14px;
  text-align: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  font-family: Arial;
  /* 三个按钮平分 */
  justify-content: space-evenly;
  align-items:center;
  
}
footer a{
  color: rgba(138, 138, 138, 1);
}
footer a.active{
  color: rgba(66, 148, 255, 1);
}
footer a i{
  font-size:36px!important;
}
